@extends('gotop.index')
@section('content')
    <!-- MAIN -->
    <div id="main" role="main" class="cf">

        <!-- categories -->
        <ul class="nav-categories cf">
            {{--class="current"高亮显示--}}
            @category(['pid' => 0])
            <li ><a href="{{route('list',$v['id'])}}" >{{$v['cname']}}</a></li>
            @endcategory
        </ul>
        <!-- ENDS categories -->

        <!-- featured -->
        <ul class="work-list cf" id="filter-container">
            @article(['cid'=>$cid])
            <li>
                <a href="{{route('project',$a['id'])}}" class="thumb">
                    <img src="{{$a['thumb']}}" alt="Thumbnail" style="width: 100%;height: 350px"/>
                    <div class="img-overlay">阅读文章</div>
                </a>
                <div style="white-space:nowrap;text-overflow:ellipsis;overflow:hidden;">
                    <a href="{{route('project',$a['id'])}}" class="title">{{$a['title']}}</a>
                </div>
                <div class="excerpt"><div class="categories"><a href="#">webdesign, </a><a href="#">print, </a><a href="#">photo</a></div></div>
            </li>
            @endarticle
        </ul>
        <!-- ENDS featured -->

        <!-- pager -->
        <ul class="pager cf">
            <li class="paged">Page 1 of 4 </li>
            <li class="active"><a href="#">1</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">4</a></li>
        </ul>
        <!-- ENDS pager -->

    </div>
    <!-- ENDS MAIN -->
@endsection